<template>
  <div></div>
</template>

<script>
export default {
  /* 
        vue-cli 4.5   vue2
        webpack  vue.config.js
        组件
        写组件 引入组件 注册组件 调用组件
        模块化语法 es6的模块语法
        暴露 引入
        export default
        import from
        脚手架如何启动（打包）
        npm run xx(package.json scripts)
        开发环境打包 供咱们开发过程当中使用
        生产环境 部署服务器

        组件写法
        template
        vue2 脚手架当中template必须有根标签
        
        {{}} 变量或表达式
        指令：v-bind v-once v-text v-html v-if(v-else v-else-if)  v-show v-model v-for v-on(@) v-cloak
        script
        data 函数格式 
        methods 回调函数  
        this指向当前的组件对象
        data和methods都会作为当前组件对象的属性或方法
        可通过this.xx


        style  
        1.css less sass(父子嵌套写  兄弟并列) 
        2.scoped 避免污染（样式只在当前组件起作用，不会影响子组件）
        样式穿透（击穿）  deep    /deep/  >>>  ::deep







        
        
        
        
        
        
        */
};
</script>

<style lang="scss" scoped>
</style>